<template>
  <div>
    名字:
    <input
      type="text"
      v-model="name"
    >
  </div>
</template>

<script>
export default {
  // computed 属性也可以绑定到 v-model 中
  computed: {
    // 这种 name (){} 其实是 name: { get(){} } 的简写
    // name (){
    //   return '匿名'
    // }
    name: {
      set(val) {
        console.log("修改了name值", val);
      },
      get() {
        return "匿名";
      },
    },
  },
};
</script>

<style>
</style>